<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    const data = [{
        value: '1',
        children: [{
            value: '1-1'
          },
          {
            value: '1-2',
            children: [{
              value: '1-2-1'
            }]
          }
        ]
      },
      {
        value: '2'
      }
    ];
    // 返回这个
    // const res = [
    //   { value: '1' },
    //   { value: '1-1' },
    //   { value: '1-2' },
    //   { value: '1-2-1' }
    //   { value: '2' }
    // ];


    // 这个就是多维转一维
    // const res = []

    // function fun(data) {
    //   for (var key in data) {
    //     if (data[key].value) {
    //       // const obj = {}
    //       // obj.value = data[key].value
    //       // res.push(obj)
    //       res.push({
    //         value: data[key].value
    //       })
    //     }
    //     if (data[key].children) {
    //       fun(data[key].children)
    //     }
    //   }
    // }
    // fun(data);
    // console.log(res);


  </script>
</body>

</html>